
require('../css/register.less')

window.onload = function(){
    let tellInp = document.querySelector('#tell')
    let yzmInp = document.querySelector('#yzm')
    let pwdInp = document.querySelector('#pwd')
    let pwd1Inp = document.querySelector('#pwd1')
    let btn = document.querySelector('.btn')
    let yzmStr = '';
    let captcha1 = new CaptchaMini({
        lineWidth: 1,   //线条宽度
        lineNum: 3,       //线条数量
        // dotR: 2,          //点的半径
        // dotNum: 25,       //点的数量
        // preGroundColor: [10, 80],    //前景色区间
        // backGroundColor: [150, 250], //背景色区间
        // fontSize: 30,           //字体大小
        // fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
        // fontStyle: 'stroke',      //字体绘制方法，有fill和stroke
        // content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容
        // length: 6    //验证码长度
    });
    let captchaDom = document.querySelector('#captcha')
    captcha1.draw(captchaDom,function(res){
        console.log(res);
        yzmStr = res 
    });
    // 事件监听
    btn.addEventListener('click',function(){
        // 非空验证
        if(!(tellInp.value && yzmInp.value && pwdInp.value && pwd1Inp.value)){
            // alert('请将信息输入完整')
            common.toast(0,'请将信息输入完整')
            return;
        }
        // 手机号格式验证   正则
        let reg = /^1[3-9][0-9]{9}$/
        if(!(reg.test(tellInp.value))){
            // alert('请输入正确的手机号');
            common.toast(0,'请输入正确的手机号')
            return;
        }
        // 密码一致性验证
        if(pwdInp.value != pwd1Inp.value){
            // alert('两次密码不一致');
            common.toast(0,'两次密码不一致')
            return;
        }
        // 验证码验证
        if(yzmInp.value.toLowerCase() !=yzmStr.toLowerCase()){
            // alert('请输入正确的验证码');
            common.toast(0,'请输入正确的验证码')
            return;
        }
        // 接口请求
        console.log('发送注册接口请求');
        register()
    })
    // 请求注册接口
    function register(){
        let data = {
            account:tellInp.value,
            password:pwd1Inp.value
        }
        $http.post('/users/add',data,function(res){
            console.log(res);
            if(res.status ==0){
                // alert('注册成功......');
                common.toast(1,'注册成功')
                location.href='./login.html'
            }else{
                // alert(res.msg)
                common.toast(0,res.msg)
            }
        })
    }
}
// 登录跳转
document.querySelector('.jump').onclick =function(){
    location.href ='./login.html'
}



